<template>
    <div>
        <h2 style="text-align: center;">添加投资项目</h2>
        <table class="table-bordered" border="1">
            <tr>
                <td>投资项目名称</td>
                <td>
                    <input type="text" placeholder="请输入投资项目名称" v-model="info.Iname">
                </td>
            </tr>

            <tr>
                <td>投资项目总金额</td>
                <td>
                    <input type="text" placeholder="请输入投资项目总金额" v-model="info.IBudget">
                </td>
            </tr>

            <tr>
                <td colspan="2" style="text-align: center;">
                    <input type="button" value="保存" class="btn btn-success" @click="SaveInvest">
                </td>
            </tr>
        </table>
    </div>
</template>

<script setup lang="ts">
import {ref} from 'vue';
import axios from 'axios';

//创建响应式数据
const info=ref({
    Iname:"",
    IBudget:""
})

//完成投资项目的添加
const SaveInvest=()=>{
    //完成数据非空验证
    if(info.value.Iname=="")
    {
        alert('投资项目名称不能为空');
        return;
    }
    if(info.value.IBudget=="")
    {
        alert('投资项目总金额不能为空');
        return;
    }

    //判断投资总金额必须输入数字
    if(isNaN(Number(info.value.IBudget)))
    {
        alert('投资项目总金额必须输入数字');
        return;
    }

    //判断投资项目总金额必须大于0且小于1亿
    if(Number(info.value.IBudget)<0||Number(info.value.IBudget)>1000000000)
    {
        alert('投资项目总金额必须大于0且小于1亿');
        return;
    }

    axios.post("https://localhost:44321/api/Invest/AddInvestInfo",
        {
            I_Name:info.value.Iname,
            I_Budget:info.value.IBudget
        }
    )
    .then(res=>{
        if(res.data>0)
        {
            alert('投资项目信息添加成功!');
        }
        else if(res.data==-1)
        {
            alert('投资项目信息名称不允许重复')
        }
        else{
            alert('投资项目信息添加失败!!!');
        }
    })
}
</script>
